<!DOCTYPE html>
<!--前台模板-->

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->

<!-- Head BEGIN -->
<head>
  <meta charset="utf-8">
  <title><{$COMMON.mallTitle}> | <block name="title"></block></title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta content="<{$COMMON.mallDescription}>" name="description">
  <meta content="<{$COMMON.mallKeywords}>" name="keywords">
  <link rel="shortcut icon" href="favicon.ico">
  <link href="/favicon.ico" rel="SHORTCUT ICON" type="image/ico">

  <!-- Global styles START -->          
  <link href="__PUBLIC__/Home/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <link href="__PUBLIC__/Home/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
  <!-- Global styles END -->
  <link href="__PUBLIC__/Home/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
   <link href="__PUBLIC__/Home/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">              
  <link href="__PUBLIC__/Home/plugins/bxslider/jquery.bxslider.css" rel="stylesheet"> 
  <block name="pluginCSS"></block>
  <!-- Theme styles START -->
  <link href="__PUBLIC__/Home/css/style-metronic.css" rel="stylesheet" type="text/css">
  <link href="__PUBLIC__/Home/css/style.css" rel="stylesheet" type="text/css">
  <link href="__PUBLIC__/Home/css/style-responsive.css" rel="stylesheet" type="text/css">  
  <link href="__PUBLIC__/Home/css/custom.css" rel="stylesheet" type="text/css">
  <!-- Theme styles END -->
  <!-- 开始自定义样式块 -->
<block name="CSS"></block>
<!-- 结束自定义样式块 -->
</head>
<!-- Head END -->

<!-- Body BEGIN -->
<body>
    <!-- 开始顶部 -->
    <div class="pre-header">
        <div class="container">
            <div class="row">
                <!-- BEGIN TOP BAR LEFT PART -->
                <div class="col-md-6 col-sm-6 additional-shop-info">
                    <ul class="list-unstyled list-inline">
                        <li><i class="fa fa-phone"></i><span>+1 456 6717</span></li>
                        <!-- BEGIN CURRENCIES -->
                        <li class="shop-currencies">
                            <a href="javascript:void(0);">€</a>
                            <a href="javascript:void(0);">£</a>
                            <a href="javascript:void(0);" class="current">$</a>
                        </li>
                        <!-- END CURRENCIES -->
                        <!-- BEGIN LANGS -->
                        <li class="langs-block">
                            <a href="javascript:void(0);" class="current">English <i class="fa fa-angle-down"></i></a>
                            <div class="langs-block-others-wrapper"><div class="langs-block-others">
                              <a href="javascript:void(0);">French</a>
                              <a href="javascript:void(0);">Germany</a>
                              <a href="javascript:void(0);">Turkish</a>
                            </div></div>
                        </li>
                        <!-- END LANGS -->
                    </ul>
                </div>
                <!-- END TOP BAR LEFT PART -->
                <!-- BEGIN TOP BAR MENU -->
                <div class="col-md-6 col-sm-6 additional-nav">
                    <ul class="list-unstyled list-inline pull-right">
                        <li><a href="#">买家中心</a></li>
                        <li><a href="checkout.html">结账</a></li>
                        <li><a href="<{:U('Index/login')}>">登录</a></li>
                        <li><a href="<{:U('Index/regist')}>">注册</a></li>
                    </ul>
                </div>
                <!-- END TOP BAR MENU -->
            </div>
        </div>        
    </div>
    <!-- 结束顶部 -->

    <!-- BEGIN HEADER -->
    <div role="navigation" class="navbar header no-margin">
        <div class="container">
            <div class="navbar-header">
                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
                <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!-- END RESPONSIVE MENU TOGGLER -->
                <a href="<{:U('Index/index')}>" class="navbar-brand"><img src="__UPLOAD__/<{$COMMON.mallLogo}>" alt="<{$COMMON.mallTitle}>"></a><!-- LOGO -->
            </div>
            <!-- 开始头部购物车 -->
            <div class="cart-block">
                <div class="cart-info">
                    <a href="javascript:void(0);" class="cart-info-count"><{$shopcart['count']}> 种商品</a>
                    <a href="javascript:void(0);" class="cart-info-value">&yen; <{$shopcart['totalMoney']}></a>
                </div>
                <i class="fa fa-shopping-cart"></i>
                <!-- 购物车显示 -->
                <div class="cart-content-wrapper">
                  <div class="cart-content">
                    <ul class="scroller" style="height: 250px;">
					<!-- 循坏 -->
                      <foreach name="shopcart['cartGoods']" item="val" key="key">
                      <li id="sns<{$val['goodsId']}>">
                        <a href="<{:U('Index/item',array('goodsId'=>$val['goodsId']))}>"><img src="__UPLOAD__/<{$val['goodsImg']?$val['goodsImg']:$COMMON.goodsImage}>" alt="<{$val['goodsName']}>" width="37" height="34"></a>
                        <span class="cart-content-count">x <{$val['cnt']}></span>
                        <strong><a href="<{:U('Index/item',array('goodsId'=>$val['goodsId']))}>"><{$val['goodsName']}></a></strong>
                        <em>&yen;<{$val['shopPrice']}></em>
                        <a href="javascript:void(0);" onclick="delCartGoods(<{$val['goodsId']}>,<{$val['goodsAttrId']|default=0}>,this)" class="del-goods"><i class="fa fa-times"></i></a>
                      </li>
                      </foreach>
                    <!-- 结束循坏-->  
                    </ul>
                    <div class="text-right">
                      <a href="<{:U('Cart/cartList')}>" class="btn btn-default">购物车</a>
                      <a href="checkout.html" class="btn btn-primary">结算</a>
                    </div>
                  </div>
                </div>
                <!-- 结束购物车显示 -->
            </div>
            <!-- 结束购物车 -->
            <!-- 开始导航 -->
            <div class="collapse navbar-collapse mega-menu">
                <ul class="nav navbar-nav">
                    
                    <foreach name="topnavs" item="val" key="key">
                    <li><a href="<{$val['navUrl']}>"><{$val['navTitle']}></a></li>
                    </foreach>
                    <!-- 头部搜索 -->
                    <li class="menu-search">
                        <span class="sep"></span>
                        <i class="fa fa-search search-btn"></i>
                        <div class="search-box">
                            <form action="<{:U('Home/Index/goodsList')}>" >
                                <div class="input-group">
                                    <input type="text" placeholder="商品搜索..." class="form-control" name="goodsName" value="<{$goodsName}>">
                                    <span class="input-group-btn">
                                        <button class="btn btn-primary" type="submit">搜索</button>
                                    </span>
                                </div>
                            </form>
                        </div> 
                    </li>
                    <!-- 结束头部搜索 -->
                </ul>
            </div>
            <!-- 结束导航 -->
        </div>
    </div>
    <!-- END HEADER -->

    <block name="banner">
    <div class="title-wrapper">
      <div class="container"><div class="container-inner">
        <h1><span>MEN</span> CATEGORY</h1>
        <em>Over 4000 Items are available here</em>
      </div></div>
    </div>
	</block>

    <div class="main">
      <div class="container">
        <!-- 新品 -->
		<block name="mainTop">
        <div class="row margin-bottom-40">
        </div>
		</block>
        <!-- 结束新品 -->
		<block name="breadcrumb"><!-- 面包导航-->
        <ul class="breadcrumb">
            <li><a href="index.html">Home</a></li>
            <li><a href="">Store</a></li>
            <li class="active">Men category</li>
        </ul>
		</block>
        <!-- 开始主体 -->
        <div class="row margin-bottom-40">
          <!-- 开始边栏 -->
		  <div class="sidebar col-md-3 col-sm-5">
		  <block name="side"></block>
		  </div>
          <!-- 结束边栏 -->
          <!-- 开始正文 -->
		  <div class="col-md-9 col-sm-7">
		  <block name="page"></block>
		  </div>
          <!-- 结束正文 -->
        </div>
        <!-- 结束主体 -->
        

        <!-- 第二商品栏及推荐 -->
		<block name="mainBottom">
        <div class="row margin-bottom-35 ">
          <!-- 商品栏 -->
          <div class="col-md-6 two-items-bottom-items">    
          </div>
          <!-- 结束商品栏 -->
          <!-- 开始推荐 -->
          <div class="col-md-6">
          </div>
          <!-- 结束推荐 -->
        </div>
		</block>        
        <!-- 结束第二栏 -->
      </div>
    </div>

    <!-- 开始品牌 -->
	<block name="brands">
    <div class="brands">
      <div class="container">
        <div class="row">
          <div class="bxslider-wrapper">
            <ul class="bxslider" data-slides-phone="1" data-slides-tablet="3" data-slides-desktop="6" data-slide-margin="15">
             <foreach name="brands" item="val" key="key">

              <li><a href="product-list.html"><img src="__UPLOAD__/<{$val['brandIco']?$val['brandIco']:$COMMON.goodsImage}>" alt="canon" title="canon"></a></li>
              </foreach>
              
            </ul>
          </div>
        </div>
      </div>
    </div>
	</block>
    <!-- 结束牌 -->

    <!-- 开始购物三部曲 -->
    <div class="steps3 steps3red">
      <div class="container">
        <div class="row">
          <div class="col-md-4 steps3-col">
            <i class="fa fa-truck"></i>
            <div>
              <h2>免运费</h2>
              <em>三日内发送</em>
            </div>
            <span>&nbsp;</span>
          </div>
          <div class="col-md-4 steps3-col">
            <i class="fa fa-gift"></i>
            <div>
              <h2>天天有礼</h2>
              <em>每天将有三位幸运顾客</em>
            </div>
            <span>&nbsp;</span>
          </div>
          <div class="col-md-4 steps3-col">
            <i class="fa fa-phone"></i>
            <div>
              <h2>477 505 8877</h2>
              <em>7X24 服务</em>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 结束三部曲 -->

    <!-- BEGIN PRE-FOOTER -->
    <div class="pre-footer">
      <div class="container" style="padding-top:20px">
        <!-- <div class="row">
          
        </div> 
        <hr>-->
        <div class="row">
          <!-- BEGIN SOCIAL ICONS -->
          <div class="col-md-6 col-sm-6">
          <ul class="list-inline">
          <foreach name="bottomnavs" item="val" key="key">
                    <li><a href="<{$val['navUrl']}>"><{$val['navTitle']}></a></li>
                    </foreach>
                    </ul>
            <!-- <ul class="social-icons">
              <li><a class="rss" data-original-title="rss" href="#"></a></li>
              <li><a class="facebook" data-original-title="facebook" href="#"></a></li>
              <li><a class="twitter" data-original-title="twitter" href="#"></a></li>
              <li><a class="googleplus" data-original-title="googleplus" href="#"></a></li>
              <li><a class="linkedin" data-original-title="linkedin" href="#"></a></li>
              <li><a class="youtube" data-original-title="youtube" href="#"></a></li>
              <li><a class="vimeo" data-original-title="vimeo" href="#"></a></li>
              <li><a class="skype" data-original-title="skype" href="#"></a></li>
            </ul> -->
          </div>
          <!-- END SOCIAL ICONS -->
          <!-- BEGIN NEWLETTER -->
          <div class="col-md-6 col-sm-6">
<div class="pre-footer-subscribe-box pull-right">
<ul class="list-inline">
          <foreach name="friendlinks" item="val" key="key">
                    <li><a href="<{$val['friendlinkUrl']}>"><img src="<{$val['friendlinkIco']}>" height="16"/></a></li>
                    </foreach></ul></div>
            <!-- <div class="pre-footer-subscribe-box pull-right">
              <h2>Newsletter</h2>
              <form action="#">
                <div class="input-group">
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
                  <span class="input-group-btn">
                    <button class="btn btn-primary" type="submit">Subscribe</button>
                  </span>
                </div>
              </form>
            </div>  -->
          </div>
          <!-- END NEWLETTER -->
        </div>
      </div>
    </div>
    <!-- END PRE-FOOTER -->

    <!-- 开始底部版权 -->
    <div class="footer padding-top-15">
      <div class="container">
        <div class="row">
          <!-- BEGIN COPYRIGHT -->
          <div class="col-md-6 col-sm-6 padding-top-10">
            <{$COMMON.copyRight}> 
          </div>
          <!-- END COPYRIGHT -->
          <!-- 支付方式 -->
          <div class="col-md-6 col-sm-6">
            <ul class="list-unstyled list-inline pull-right margin-bottom-15">
              <li><img src="__PUBLIC__/Home/img/payments/western-union.jpg" alt="We accept Western Union" title="We accept Western Union"></li>
              <li><img src="__PUBLIC__/Home/img/payments/american-express.jpg" alt="We accept American Express" title="We accept American Express"></li>
              <li><img src="__PUBLIC__/Home/img/payments/MasterCard.jpg" alt="We accept MasterCard" title="We accept MasterCard"></li>
              <li><img src="__PUBLIC__/Home/img/payments/PayPal.jpg" alt="We accept PayPal" title="We accept PayPal"></li>
              <li><img src="__PUBLIC__/Home/img/payments/visa.jpg" alt="We accept Visa" title="We accept Visa"></li>
            </ul>
          </div>
          <!-- 结束支付方式 -->
        </div>
      </div>
    </div>
    <!-- 结束底部版权 -->

    <!-- 快速预览商品 -->
	<block name="view">
    <div id="product-pop-up" style="display: none; width: 700px;">
            <div class="product-page product-pop-up">
              <div class="row">
                <div class="col-md-6 col-sm-6 col-xs-3">
                  <div class="product-main-image">
                    <img src="__PUBLIC__/Home/temp/products/model7.jpg" alt="Cool green dress with red bell" class="img-responsive">
                  </div>
                  <div class="product-other-images">
                    <a href="#" class="active"><img alt="Berry Lace Dress" src="__PUBLIC__/Home/temp/products/model3.jpg"></a>
                    <a href="#"><img alt="Berry Lace Dress" src="__PUBLIC__/Home/temp/products/model4.jpg"></a>
                    <a href="#"><img alt="Berry Lace Dress" src="__PUBLIC__/Home/temp/products/model5.jpg"></a>
                  </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-9">
                  <h1>Cool green dress with red bell</h1>
                  <div class="price-availability-block clearfix">
                    <div class="price">
                      <strong><span>$</span>47.00</strong>
                      <em>$<span>62.00</span></em>
                    </div>
                    <div class="availability">
                      Availability: <strong>In Stock</strong>
                    </div>
                  </div>
                  <div class="description">
                    <p>Lorem ipsum dolor ut sit ame dolore  adipiscing elit, sed nonumy nibh sed euismod laoreet dolore magna aliquarm erat volutpat 
Nostrud duis molestie at dolore.</p>
                  </div>
                  <div class="product-page-options">
                    <div class="pull-left">
                      <label class="control-label">Size:</label>
                      <select class="form-control input-sm">
                        <option>L</option>
                        <option>M</option>
                        <option>XL</option>
                      </select>
                    </div>
                    <div class="pull-left">
                      <label class="control-label">Color:</label>
                      <select class="form-control input-sm">
                        <option>Red</option>
                        <option>Blue</option>
                        <option>Black</option>
                      </select>
                    </div>
                  </div>
                  <div class="product-page-cart">
                    <div class="product-quantity">
                        <input id="product-quantity" type="text" value="1" readonly name="product-quantity" class="form-control input-sm">
                    </div>
                    <button class="btn btn-primary" type="submit">Add to cart</button>
                    <button class="btn btn-default" type="submit">More details</button>
                  </div>
                </div>

                <div class="sticker sticker-sale"></div>
              </div>
            </div>
    </div>
	</block>
    <!-- 结束预览 -->

    <!-- Load javascripts at bottom, this will reduce page load time -->
    <!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) -->
    <!--[if lt IE 9]>
    <script src="__PUBLIC__/Home/plugins/respond.min.js"></script>  
    <![endif]-->  
    <script src="__PUBLIC__/Home/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/Home/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/Home/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
    <script type="text/javascript" src="__PUBLIC__/Home/plugins/back-to-top.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Home/plugins/jQuery-slimScroll/jquery.slimscroll.min.js"></script>
    <script src="__PUBLIC__/admin/scripts/layer/layer.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    <script type="text/javascript" src="__PUBLIC__/Home/plugins/fancybox/source/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Home/plugins/bxslider/jquery.bxslider.min.js"></script><!-- slider for products -->
    <script type="text/javascript" src='__PUBLIC__/Home/plugins/zoom/jquery.zoom.min.js'></script><!-- product zoom -->
    <script src="__PUBLIC__/Home/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript"></script><!-- Quantity -->
	<block name="loadJS">
	</block>
    <script type="text/javascript" src="__PUBLIC__/Home/scripts/app.js"></script>
    <script>
var delUrl="<{:U('Cart/delCartGoods')}>" ;
  /*function delCartGoods(goodsId,goodsAttrId){
    var thisli=$(this).parent('li');
    $.post(delUrl,{goodsId:goodsId,goodsAttrId:goodsAttrId},function(data){
      if(data){
        layer.msg('删除成功！');
        thisli.remove();
      }
    });
  }*/
  function delCartGoods(goodsId,goodsAttrId,a){
    var thisR=a?$(a).parent('li'):$('#sn'+goodsId);

    $.post(delUrl,{goodsId:goodsId,goodsAttrId:goodsAttrId},function(data){
      //alert(data);
      if(data){
        layer.msg('删除成功！');
        //thistr.remove();
        thisR.remove();
        //$('#sn'+goodsId).remove();
      }
    });
  }
    </script>
	<block name="setJS">
	</block>
    <script type="text/javascript">
    var Public="__PUBLIC__";//公共资源路径    
    var Upload="__UPLOAD__";//上传路径
    var Module="__MODULE__";//当前模块路径
        jQuery(document).ready(function() {
            App.init();
            App.initBxSlider();
            App.initImageZoom();
            App.initTouchspin();  
			<block name="initJS"></block>
        });
    </script>
	</block>
    <!-- END PAGE LEVEL JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>